<?php 
include "includes/session.php";
include "includes/comunes.php";




?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema de Registro de Atencion</title>

<link href="estilos.css" rel="stylesheet" type="text/css" />

<!--libreria jquery central-->
<script src="jquery-ui/js/jquery-1.9.1.js"></script>
<!--fin libreria central-->

<!--Librerias para el combo-->
<script language="JavaScript" type="text/javascript" src="combos/jquery.chainedSelects.js"></script>
<!--fin libreria-->

<!--librerias ui-->
<link href="jquery-ui/css/ui-lightness/jquery-ui-1.10.2.custom.css" rel="stylesheet"/>
<script src="jquery-ui/js/jquery-ui-1.10.2.custom.js"></script>
<!--fin libreria-->
<!--estilo para el scroll-->
<style>
  .ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 300px;
  }
  </style>
<!--
  fin estilo scroll-->


<script language="JavaScript" type="text/javascript">
$(function()
{

//        funcion que implementa combos
	$('#tipoAudi').chainSelect('#tipo','combotipoauditoria.php',
	{
		before:function (target) //before request hide the target combobox and display the loading message
		{
			$("#loading").css("display","block");
			$(target).css("display","none");
		},
		after:function (target) //after request show the target combobox and hide the loading message
		{
			$("#loading").css("display","none");
			$(target).css("display","inline");
		}
	});
//        fin funcion

//          funcion que implementa autocompletado de articulos
     
 $( "#fechapla" ).datepicker({
         dateFormat: "yy-mm-dd"

      });




//              funcion para validacion de formularios

             $("#pedido").submit(function () {

                if($("#tipopedido").val() == 0) {
                    alert("Debe ingresar el tipo de pedido");
                    return false;
                }

               
           
          
            
        });

//              fin funcion
      
$( "#menu" ).menu({position: {at: "left bottom"}});


	//agregar filas dinamicamente proveedor
	 $("#add").click(function(){
            // Obtenemos el numero de filas (td) que tiene la primera columna
            // (tr) del id "tabla"
            var tds=$("#tabla tr:first td").length;
            // Obtenemos el total de columnas (tr) del id "tabla"
            var trs=$("#tabla tr").length;
            var nuevaFila="<tr>";
            for(var i=0;i<tds;i++){
                // añadimos las columnas
				if(i==0)
					nuevaFila+="<td><select name='selPer[]' class='campo_form' required><?php echo $per?></select></td>";
					
					
            }
            
            nuevaFila+="</tr>";
            $("#tabla").append(nuevaFila);
        });
        
        /**
         * Funcion para eliminar la ultima columna de la tabla.
         * Si unicamente queda una columna, esta no sera eliminada
         */
        $("#del").click(function(){
            // Obtenemos el total de columnas (tr) del id "tabla"
            var trs=$("#tabla tr").length;
            if(trs>1)
            {
                // Eliminamos la ultima columna
                $("#tabla tr:last").remove();
            }
        });
		
		
		 
		 $("#notificar").click(function(event){
				 if($(this).is(":checked")) {
					 $('#detalleNotificaciones').show(); //muestro mediante id
				 }else{
					  $('#detalleNotificaciones').hide(); //oculto mediante id
				 }
	   });
		 
       

});
</script>
 <style>
    #add, #del ,#add1, #del1 {cursor:pointer;text-decoration:none;color:#00f;float:left;font-size:10px;font-weight:bold;}
	.tablaDinamica{
	border:1px solid #ccc;
	width:100%;
	font-size:13px;}
	.tablaTitulo{
	font-weight:bold;
	background:#ddd;
	
	}
    </style>
</head>

<body>

<div class="container">
<?php include "includes/head.php"?>
   <div class="content">
       <div class="tituloprincipal"><img src="img/nuevo.png" width="25" height="25" border="0"/> Actualizar Clave de Usuario 
          <?php include 'includes/submenu.php';?>  
           </div>
       <form id="pedido" name="pedido" method="POST" enctype="multipart/form-data" action="grabarClave.php">
       <div class="contenedorpedido">
	   <fieldset>
             <legend><b>Datos de Usuario</b></legend>
             <table>
			 <tr>
			 
               
                 <tr>
                     
                     <td class="textotablamenuform">Clave Actual</td>
                     <td class="textotablamenuform">
					 <input type="text" name="clave" value="" class="campo_form"/></td>
               </tr>
				<tr>	 
                  
                     <td class="textotablamenuform">Nueva Clave</td>
                     <td class="textotablamenuform">
					 <input type="text" name="nueva" id="nueva" value="" class="campo_form" /></td>
                 </tr>
			
                 
                 <tr>	 
                  
                     <td class="textotablamenuform">Repetir Nueva Clave</td>
                     <td class="textotablamenuform">
					 <input type="text" name="RepNueva" id="RepNueva" value="" class="campo_form" /></td>
                 </tr>
			   <tr>
			   <td class="textotablamenuform" style="text-align: right;" colspan="5">
                         <input type="reset" name="enviar" value="Restablecer"  class="boton_form"/>
                         <input name="submit" id="submit" type="submit" value="Actualizar Clave" class="boton_form"/>
                     </td>
					 </tr>
             </table>
			  
             </table>
        </fieldset>
       
          
           
       </div>
   </form>
       <div class="clear"></div>
   <br>
   </div>
  <?php include "includes/pie.php"?>
  
</div>
</body>
</html>
